<script lang="ts" setup>
const value = defineModel<string>()
const options = [
  {
    value: 'date',
    label: 'date',
  },
  {
    value: 'name',
    label: 'name',
  },
  {
    value: 'address',
    label: 'address',
  },
  {
    value: 'default',
    label: 'default',
  },
]
</script>

<template>
  <div class="flex flex-wrap items-center gap-4">
    <ElSelect v-model="value" placeholder="Select" size="large" clearable w-240px>
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
    </ElSelect>
  </div>
</template>
